# 开始使用 TypeScript
在开始使用 TypeScript 前你最好有以下准备:
- Node.js > 8.0,最好是最新的稳定版(目前是V10.16.3 )
- 一个包管理工具 npm 或者 yarn
- 一个文本编辑器或者 IDE (笔者的是 vscode)
相关的 shell 命令仅适用于 *nix 系统,windows 系统不适用
# 安装 TypeScript
TypeScript 的安装很简单,你可以通过npm直接在全局安装 TypeScript。
> npm install -g typescript
@前端进阶之旅: 代码已经复制到剪贴板
# 创建环境
随后我们要创建一个目录:
mkdir ts-study && cd ts-study
@前端进阶之旅: 代码已经复制到剪贴板
接着创建 src 目录:
mkdir src && touch src/index.ts
@前端进阶之旅: 代码已经复制到剪贴板
接着我们用npm将目录初始化:
npm init
@前端进阶之旅: 代码已经复制到剪贴板
此时我们要使用 TypeScript 的话通常也需要初始化:
tsc --init
@前端进阶之旅: 代码已经复制到剪贴板
这个时候你会发现目录下多了一个tsconfig.json文件.
这是 TypeScript 的配置文件,里面已经包含官方初始化的一些配置以及注释,我们现在进行自定义的配置:
{
"compilerOptions": {
"target": "es5", // 指定 ECMAScript 目标版本: 'ES5'
"module": "commonjs", // 指定使用模块: 'commonjs', 'amd', 'system', 'umd' or 'es2015'
"moduleResolution": "node", // 选择模块解析策略
"experimentalDecorators": true, // 启用实验性的ES装饰器
"allowSyntheticDefaultImports": true, // 允许从没有设置默认导出的模块中默认导入。
"sourceMap": true, // 把 ts 文件编译成 js 文件的时候,同时生成对应的 map 文件
"strict": true, // 启用所有严格类型检查选项
"noImplicitAny": true, // 在表达式和声明上有隐含的 any类型时报错
"alwaysStrict": true, // 以严格模式检查模块,并在每个文件里加入 'use strict'
"declaration": true, // 生成相应的.d.